<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A layout example that shows off a responsive pricing table.">
    <title>peim3-登录</title>
    
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
    
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css">
    <![endif]-->
    <!--[if gt IE 8]><!-->
	    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
    <!--<![endif]-->

    <link rel="stylesheet" type="text/css" href="/css/back.css">
</head>
<body>

<div class="body">
    <div class="pure-g info">
        <div class="pure-u-1 pure-u-md-1">
        <div class="login-header">
            <h1>Peim</h1>
            <h2> 没错, 就是那条随波逐流的闲鱼</h2>
        </div>
        </div>

        <div class="l-box-lrg pure-u-1 pure-u-md-6-24">
            <!-- 占位 -->
        </div>
        <div class="l-box-lrg pure-u-1 pure-u-md-10-24">
            <form class="pure-form pure-form-aligned" method="POST" action="/login">
                <fieldset>
                    {=$csrf_field}
                    <label style="display: inline-block;width: 100%;text-align: center;">{=$msg}</label>
                    <div class="pure-control-group">
                        <label for="name">我的户名</label>
                        <input id="name" type="text" placeholder="用户名" name="name">
                    </div>

                    <div class="pure-control-group">
                        <label for="password">需要密码</label>
                        <input id="password" type="password" placeholder="密码" name="passwd">
                    </div>

                    <div class="pure-controls">
                        <label for="cb" class="pure-checkbox">
                            <input id="cb" type="checkbox"> <small>记住我 --&gt;&gt; 没有,我不搞了</small>
                        </label>

                        <button type="submit" class="pure-button pure-button-primary">登录</button>
                        &nbsp; &nbsp; 
                        <a href="/" style="text-align: button;"><small>回到主页 -&gt; </small></a>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</div>
</body>
</html>